<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>Welcome to eKoders</title>
	
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/fonts.css">
	<link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css">
	
	<!-- PAGE LEVEL PLUGINS STYLES -->
	<link rel="stylesheet" type="text/css" href="../assets/js/plugins/rs-slider/rs-plugin/css/settings.css" media="screen" />
	<link rel="stylesheet" href="../assets/css/plugins/colorBox/colorbox.css">
	<link rel="stylesheet" href="../assets/css/plugins/owl-carousel/owl.carousel.css">
	
    <!-- Tc core CSS -->
	<link id="qstyle" rel="stylesheet" href="assets/css/themes/style.css">
	
	
    <!-- Add custom CSS here -->

	<!-- End custom CSS here -->
	
    <!--[if lt IE 9]>
    <script src="../assets/js/html5shiv.js"></script>
    <script src="../assets/js/respond.min.js"></script>
    <![endif]-->
	
  </head>

<body>

    <nav class="navbar top-navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="index.html">
                    <img src="../assets/images/logo-big.png" alt="logo" class="img-responsive">
                </a>
            </div>		
            <!-- Top Menu Right-->
			<div class="nav-top">
				<ul class="nav navbar-right">
					<li class="visible-xs">
						<a href="#" class="tooltip-primary" data-placement="right" data-rel="tooltip" title="+ 91 124 2250121">
							<i class="fa fa-phone"></i>
						</a>
					</li>
					<li class="hidden-xs">
						<a href="#">
							<i class="fa fa-phone"></i>
							<span class="bigger-110 hidden-xs">+ 91 124 2250121</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope"></i> <span class="badge up badge-primary">2</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-bell"></i> <span class="badge up badge-success">3</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-tasks"></i> <span class="badge up badge-info">7</span>
						</a>
					</li>
					<li class="dropdown user-box-no-images">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="user-info"> My Account</span> <b class="caret"></b>
						</a>
						<ul class="dropdown-menu dropdown-user">
							<li>
								<a href="../profile.html">
									My Profile
								</a>
							</li>
							<li>
								<a href="../invoice.html">
									My Invoices
								</a>
							</li>
							<li>
								<a href="../login.html">
									Signin
								</a>
							</li>
						</ul>
					</li>
					<!--Search Box-->
					<li class="dropdown nav-search-icon">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="glyphicon glyphicon-search"></span>
						</a>
						<ul class="dropdown-menu dropdown-search">
							<li>
								<div class="search-box">
									<form class="" role="search">
										<input type="text" class="form-control" placeholder="Search" />
									</form>
								</div>
							</li>
						</ul>
					</li>
					<!--Search Box-->
				</ul>
			</div>
            <!-- /.Top Menu -->
		</div>
		
		<div class="top-menu collapse navbar-collapse  navbar-main-collapse">
			<div class="container">
				<!-- Left Menu-->
				<div class="nav-top">
					<ul class="nav navbar-nav navbar-left">
						<li>
							<a href="index.html">Home</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Pages <b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="about-us.html">About Us</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="pricing-tables.html">Pricing Tables</a></li>
							</ul>					
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li>
							<a href="contact.html">Contact Us</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-left pull-right hidden-xs hidden-sm">
						<li>
							<a href="contact.html" class="btn btn-primary">Live Chat</a>
						</li>
					</ul>
				</div>
			</div>
        </div>
        <!-- /.container -->
    </nav>
	
	
	<div class="page-container"><!-- /page container -->

	<!-- /#ek-layout-button -->	
		<div class="qs-layout-menu front">
			<div class="btn btn-gray qs-setting-btn" id="qs-setting-btn">
				<i class="fa fa-cog bigger-150 icon-only"></i>
			</div>
			<div class="qs-setting-box" id="qs-setting-box">										
				<span class="bigger-120">Color Options</span>										
				<div class="hr hr-dotted hr-8"></div>										
				<ul>									
					<li><button class="btn" style="background-color:#d15050;" onclick="swapStyle('assets/css/themes/style.css')"></button></li>
					<li><button class="btn" style="background-color:#86618f;" onclick="swapStyle('assets/css/themes/style-1.css')"></button></li> 
					<li><button class="btn" style="background-color:#ba5d32;" onclick="swapStyle('assets/css/themes/style-2.css')"></button></li>
					<li><button class="btn" style="background-color:#488075;" onclick="swapStyle('assets/css/themes/style-3.css')"></button></li>
					<li><button class="btn" style="background-color:#4e72c2;" onclick="swapStyle('assets/css/themes/style-4.css')"></button></li>
				</ul>											
			</div>
		</div>
	<!-- /#ek-layout-button -->
								
		<div class="mass-head tp-slider">
			<div class="tp-banner-container">
				<div class="tp-banner">
					<ul>            
                        <!-- THE FIRST SLIDE -->
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400">
                            <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
                            <img src="../assets/images/slider/revolution/bg2.jpg" alt="">
							
							<!-- LAYER NR. 1 -->
							<div class="tp-caption large_bold_grey skewfromrightshort customout"
								data-x="left" data-hoffset="30"
								data-y="96"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500"
								data-start="800"
								data-easing="Back.easeOut"
								data-endspeed="500"
								data-endeasing="Power4.easeIn"
								data-captionhidden="on"
								style="z-index: 4">eKoders
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption medium_thin_grey skewfromleftshort customout"
								data-x="285"
								data-y="122"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500"
								data-start="900"
								data-easing="Back.easeOut"
								data-endspeed="500"
								data-endeasing="Power4.easeIn"
								data-captionhidden="on"
								style="z-index: 5">now
							</div>

							<!-- LAYER NR. 3 -->
							<div class="tp-caption medium_thin_grey skewfromrightshort customout"
								data-x="left" data-hoffset="30"
								data-y="175"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="300"
								data-start="1000"
								data-easing="Back.easeOut"
								data-endspeed="500"
								data-endeasing="Power4.easeIn"
								data-captionhidden="on"
								style="z-index: 6">more
							</div>

							<!-- LAYER NR. 4 -->
							<div class="tp-caption large_bold_grey skewfromleftshort customout"
								data-x="125"
								data-y="152"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="300"
								data-start="1100"
								data-easing="Back.easeOut"
								data-endspeed="500"
								data-endeasing="Power4.easeIn"
								data-captionhidden="on"
								style="z-index: 7">Powerful
							</div>

							<!-- LAYER NR. 5 -->
							<div class="tp-caption lightgrey_divider default-bg hidden-xs skewfromrightshort customout"
								data-x="25"
								data-y="224"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500"
								data-start="1200"
								data-easing="Power4.easeOut"
								data-endspeed="500"
								data-endeasing="Power4.easeIn"
								data-captionhidden="on"
								style="z-index: 2">
							</div>
							
							<!-- LAYER NR. 6 -->
							<div class="tp-caption subtitle customin customout"
								data-x="left" data-hoffset="30"
								data-y="240"
								data-customin="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:3;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:0% 0%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500"
								data-start="1300"
								data-easing="Power4.easeOut"
								data-endspeed="500"
								data-endeasing="Power4.easeIn"
								data-captionhidden="on"
								style="z-index: 8">A complete admin and website theme.
							</div>

							<!-- LAYER NR. 7 -->
							 <a class="tp-caption customin customout btn bg-success" href="#"
                                data-x="left" data-hoffset="30"
                                data-y="290"
                                data-customin="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:3;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:0% 0%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500"
								data-start="1400"
								data-easing="Power4.easeOut"
								data-endspeed="500"
								data-endeasing="Power4.easeIn"
								data-captionhidden="on"
                                data-easing="easeOutExpo">
                                Purchase Now!
                            </a> 
							
							<!-- LAYER NR. 8 -->
							<div class="tp-caption customin customout"
								data-x="right" data-hoffset="-30"
								data-y="25"
								data-customin="x:50;y:150;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="800"
								data-start="700"
								data-easing="Power4.easeOut"
								data-endspeed="500"
								data-endeasing="Power4.easeIn"
								style="z-index: 3"><img src="../assets/images/slider/revolution/man.png" alt="Image 1">
							</div>

                        </li>

                        <!-- THE SECOND SLIDE -->
                        <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-delay="9400">
							<!-- THE MAIN IMAGE IN THE SECOND SLIDE -->
                            <img src="../assets/images/slider/revolution/bg2.jpg" alt="">
							
							<!-- LAYER NR. 1 -->
                            <div class="caption lfl title"
                                 data-x="left" data-hoffset="30"
                                 data-y="125"
                                 data-speed="700"
                                 data-start="1000"
                                 data-easing="easeOutExpo">
                                 Easy to use
                            </div>
							
							<!-- LAYER NR. 2 -->
                            <div class="caption lfl subtitle"
                                 data-x="left" data-hoffset="30"
                                 data-y="200"
                                 data-speed="700"
                                 data-start="1100"
                                 data-easing="easeOutExpo">
                                 Single css for admin and website
                            </div>
							
							<!-- LAYER NR. 3 -->
                            <div class="caption lfl slide_desc"
                                 data-x="left" data-hoffset="30"
                                 data-y="245"
                                 data-speed="700"
                                 data-start="1200"
                                 data-easing="easeOutExpo">
                                 Lorem ipsum dolor sit amet, consectetuer elit sed diam<br> nonummy amet euismod dolore.
                            </div>
							
							<!-- LAYER NR. 4 -->
							 <a class="tp-caption customin customout btn bg-success" href="#"
                                data-x="left" data-hoffset="30"
                                data-y="310"
                                data-customin="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:3;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:0% 0%;"
								data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="700"
								data-start="1300"
								data-easing="Power4.easeOut"
								data-endspeed="500"
								data-endeasing="Power4.easeIn"
								data-captionhidden="on"
                                data-easing="easeOutExpo">
                                Purchase Now!
                            </a>
							
							<!-- LAYER NR. 5 -->
                            <div class="caption lfr" 
                                 data-x="790" 
                                 data-y="125" 
                                 data-speed="1200" 
                                 data-start="1500" 
                                 data-easing="easeOutBack">
                                 <img src="../assets/images/slider/revolution/1.png" alt="Image 1">
                            </div>
							
							<!-- LAYER NR. 6 -->
                            <div class="caption lfr" 
                                 data-x="660" 
                                 data-y="240" 
                                 data-speed="1200" 
                                 data-start="2000" 
                                 data-easing="easeOutBack">
                                 <img src="../assets/images/slider/revolution/2.png" alt="Image 1">
                            </div>
							
							<!-- LAYER NR. 7 -->
                            <div class="caption lfr" 
                                 data-x="1000" 
                                 data-y="260" 
                                 data-speed="1200" 
                                 data-start="2500" 
                                 data-easing="easeOutBack">
                                 <img src="../assets/images/slider/revolution/3.png" alt="Image 1">
                            </div>

                        </li>
                        
                        <!-- THE THIRD SLIDE -->
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400">
							<!-- THE MAIN IMAGE IN THE THIRD SLIDE -->
                            <img src="../assets/images/slider/revolution/bg2.jpg" alt="">
							
							<!-- LAYER NR. 1 -->
                            <div class="caption lfl" 
                                 data-x="130" 
                                 data-y="95" 
                                 data-speed="400" 
                                 data-start="1500" 
                                 data-easing="easeOutBack">
                                 <iframe src="http://player.vimeo.com/video/76512663?title=0&byline=0&portrait=0;api=1" width="420" height="240" style="border:0" allowFullScreen></iframe> 
                            </div>
							
			
							<!-- LAYER NR. 2 -->
                            <div class="caption lfr subtitle"
                                 data-x="580"
                                 data-y="140"
                                 data-speed="400"
                                 data-start="2000"
                                 data-easing="easeOutExpo">
                                 Youtube, Vimeo and others.
                            </div>
							
							<!-- LAYER NR. 4 -->
                            <div class="caption lfr slide_desc"
                                 data-x="580"
                                 data-y="190"
                                 data-speed="400"
                                 data-start="2500"
                                 data-easing="easeOutExpo">
                                 Lorem ipsum dolor sit amet, consectetuer elit sed diam<br> nonummy amet euismod dolore.
                            </div>
							
							<!-- LAYER NR. 5 -->
                            <a class="caption lfr btn bg-success" href=""
                                 data-x="580"
                                 data-y="250"
                                 data-speed="400"
                                 data-start="3000"
                                 data-easing="easeOutExpo">
                                 Watch more Videos!
                            </a>
                        </li>
						
						<!-- THE FOURTH SLIDE -->
						<li data-transition="fade" data-slotamount="1" data-masterspeed="700" data-delay="9400"  data-saveperformance="off">
							<!-- THE MAIN IMAGE IN THE FOURTH SLIDE -->
							<img src="../assets/images/slider/revolution/bg2.jpg"  alt=""  data-bgposition="left center" data-kenburns="on" data-duration="10400" data-ease="Linear.easeNone" data-bgfit="100" data-bgfitend="130" data-bgpositionend="right center">

							<!-- LAYER NR. 1 -->
							<div class="caption lfb slidetitle-2 fadeout"
								data-x="center" data-hoffset="0"
								data-y="center" data-voffset="0"
								data-speed="600"
								data-start="500"
								data-easing="Power4.easeInOut"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.05"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power1.easeOut"
								style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">More Pages are comming soon
							</div>
							<div class="caption lfb subtitle fadeout"
								data-x="center" data-hoffset="0"
								data-y="center" data-voffset="80"
								data-speed="600"
								data-start="500"
								data-easing="Power4.easeInOut"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.05"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power1.easeOut"
								style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">Continuous updates..
							</div>
						</li>
					</ul>
					<div class="tp-bannertimer"></div>
				</div>
			</div>
		</div>
		
		<div class="block-s2">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 alert no-border">
						<div class="tc-box no-margin-bottom">
							<div class="media">
								<div class="icon-box pull-left">
									<i class="fa fa-compress"></i>
								</div>
								<div class="media-body">
									<h4 class="media-heading">Fully Responsive</h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
									
									<div class="action-buttons">
										<a href="#" >See more <i class="fa fa-angle-double-right"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 alert no-border">
						<div class="tc-box no-margin-bottom">
							<div class="media">
								<div class="icon-box pull-left">
									<i class="fa fa-file-o"></i>
								</div>
								<div class="media-body">
									<h4 class="media-heading">Well Documented</h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
									
									<div class="action-buttons">
										<a href="#" >See more <i class="fa fa-angle-double-right"></i></a>
									</div>
									
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 bg-primary note position-relative no-border">
						<div class="tc-box no-hover no-margin-bottom">
							<div class="media">
								<div class="icon-box pull-left">
									<i class="fa fa-edit text-white"></i>
								</div>
								<div class="media-body">
									<h4 class="media-heading">Easy Customizable</h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
									
									<div class="action-buttons">
										<a href="#" >See more <i class="fa fa-angle-double-right"></i></a>
									</div>
									
								</div>
							</div>
						</div>
						<div class="paper-clip"></div>
					</div>
				</div>
			</div>
		</div>

		<div class="block-s1 inverse notice marker-on-bottom no-margin-bottom">
			<div class="container">
				<div class="text-center">
					<h3>The complete & poweful admin theme</h3>
				</div>
			</div>
		</div>

		
		<div class="block-s2">
			<div class="container">
				<div class="col-lg-3 col-sm-6">
					<div class="pricing-table-1">
						<h3 class="plan-title">Regular licence</h3>
						<span class="bigger-500">$21</span>
						<p class="plan-features">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, sequi, veniam, quasi adipisci sint explicabo exercitationem vel magnam doloribus error odio quibusdam est impedit ut obcaecati minus fugit nesciunt deserunt.
						</p>
						<a href="#" class="btn btn-success plan-button"><i class="fa fa-download"></i>Purchase</a>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6">
					<div class="pricing-table-1 bg-primary">
						<h3 class="plan-title">Extanded licence</h3>
						<span class="bigger-500">$1024</span>
						<p class="plan-features">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, sequi, veniam, quasi adipisci sint explicabo exercitationem vel magnam doloribus error odio quibusdam est impedit ut obcaecati minus fugit nesciunt deserunt.
						</p>
						<a href="#" class="btn plan-button"><i class="fa fa-download"></i>Purchase</a>
					</div>
				</div>
				<div class="col-lg-6 col-sm-12">
					<div class="tc-box">
						<div class="media">
							<div class="icon-box pull-left bg-success">
								<i class="fa fa-wrench"></i>
							</div>
							<div class="media-body">
								<h4 class="media-heading">Made with Bootstrap</h4>
								<p>Lorem ipsum dolor sit amet, dolore eiusmod quis tempor incididunt ut et dolore Ut veniam unde nostrudlaboris. Sed unde omnis iste natus error sit voluptatem.</p>
								
							</div>
						</div>
					</div>
					
					<h3>FAQs</h3>			
					<div class="panel-group tc-accordion no-border" id="accordion2"><!-- Accordion style 2-->
						<div class="panel panel-default">
							<div class="panel-heading accordion-active">
								<a data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
									<h5 class="panel-title">
										Collapsible Group Item #1 <span class="pull-right"><i class="fa fa-angle-down bigger-110"></i></span>
									</h5>
								</a>
							</div>
							<div id="collapseFour" class="panel-collapse collapse in">
								<div class="panel-body">
									<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</p>
								</div>
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading ">
								<a data-toggle="collapse" data-parent="#accordion2" href="#collapseFive">
									<h5 class="panel-title">
										Collapsible Group Item #2 <span class="pull-right"><i class="fa fa-angle-right bigger-110"></i></span>
									</h5>
								</a>
							</div>
							<div id="collapseFive" class="panel-collapse collapse">
								<div class="panel-body">
									<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</p>
								</div>
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading">
								<a data-toggle="collapse" data-parent="#accordion2" href="#collapseSix">
									<h5 class="panel-title">
										Collapsible Group Item #3 <span class="pull-right"><i class="fa fa-angle-right bigger-110"></i></span>
									</h5>
								</a>
							</div>
							<div id="collapseSix" class="panel-collapse collapse">
								<div class="panel-body">
									<p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</p>
								</div>
							</div>
						</div>
					</div><!-- Accordion style 2-->					
				</div>
			</div>
		</div>
		

		<div class="block-s1 inverse notice marker-on-bottom">
			<div class="container">
				<div class="text-center">
					<h3>Some of wrok we have done earlier</h3>
				</div>
			</div>
		</div>
		
		<div class="block-s3">
				<div class="owl-carousel owl-carousel-1 with-contents no-margin-bottom"><!-- remove class "with-contents" if you are using only images-->
					<!-- Wrapper for slides -->  
					<div class="slide-item">
						<div class="tools">
							<p>
								<a href="../assets/images/gallery/img1.jpg" data-rel="colorbox">
									<i class="glyphicon glyphicon-fullscreen"></i>
								</a> 
								<a href="">
									<i class="fa fa-link"></i>
								</a>
							</p>
						</div>
						<img src="../assets/images/gallery/img1.jpg" alt="" class="img-responsive">
						
						<a class="contents" href="#">
							<span class="title">Curabitur elementum tortor</span>
							<small>Green Limited.</small>
						</a>
						
					</div>
					<div class="slide-item">
						<div class="tools">
							<p>
								<a href="../assets/images/gallery/img2.jpg" data-rel="colorbox" class="btn">
									Zoom
								</a> 
								<a href="" class="btn">
									View More
								</a>
							</p>
						</div>
						<img src="../assets/images/gallery/img2.jpg" alt="" class="img-responsive">

						<a class="contents" href="#">
							<span class="title">Fringilla nulla leo</span>
							<small>Green Limited.</small>
						</a>

					</div>
					<div class="slide-item">
						<div class="tools">
							<p>
								<a href="../assets/images/gallery/img3.jpg" data-rel="colorbox" class="btn">
									Zoom
								</a>
							</p>
						</div>
						<img src="../assets/images/gallery/img3.jpg" alt="" class="img-responsive">

						<a class="contents" href="#">
							<span class="title">Justo est at wisi semper</span>
							<small>Green Limited.</small>
						</a>

					</div>
					<div class="slide-item">
						<div class="tools">
							<p>
								<a href="../assets/images/gallery/img4.jpg" data-rel="colorbox">
									<i class="glyphicon glyphicon-fullscreen"></i>
								</a> 
								<a href="">
									<i class="fa fa-link"></i>
								</a>
							</p>
						</div>
						<img src="../assets/images/gallery/img4.jpg" alt="" class="img-responsive">

						<a class="contents" href="#">
							<span class="title">Curabitur elementum tortor</span>
							<small>Green Limited.</small>
						</a>

					</div>
					<div class="slide-item">
						<div class="tools">
							<p>
								<a href="../assets/images/gallery/img5.jpg" data-rel="colorbox">
									<i class="glyphicon glyphicon-fullscreen"></i>
								</a> 
								<a href="">
									<i class="fa fa-link"></i>
								</a>
							</p>
						</div>
						<img src="../assets/images/gallery/img5.jpg" alt="" class="img-responsive">

						<a class="contents" href="#">
							<span class="title">Fringilla nulla leo</span>
							<small>Green Limited.</small>
						</a>

					</div>
					<div class="slide-item">
						<div class="tools">
							<p>
								<a href="../assets/images/gallery/img6.jpg" data-rel="colorbox">
									<i class="glyphicon glyphicon-fullscreen"></i>
								</a> 
								<a href="">
									<i class="fa fa-link"></i>
								</a>
							</p>
						</div>
						<img src="../assets/images/gallery/img6.jpg" alt="" class="img-responsive">

						<a class="contents" href="#">
							<span class="title">Justo est at wisi semper</span>
							<small>Green Limited.</small>
						</a>

					</div>
					<div class="slide-item">
						<div class="tools">
							<p>
								<a href="../assets/images/gallery/img7.jpg" data-rel="colorbox">
									<i class="glyphicon glyphicon-fullscreen"></i>
								</a> 
								<a href="">
									<i class="fa fa-link"></i>
								</a>
							</p>
						</div>
						<img src="../assets/images/gallery/img7.jpg" alt="" class="img-responsive">

						<a class="contents" href="#">
							<span class="title">Curabitur elementum tortor</span>
							<small>Green Limited.</small>
						</a>

					</div>
							
				</div><!-- /Wrapper for slides -->
		</div>		
		

		<hr class="separator" />
		
		<div class="block-s2">
			<div class="container">
				<div class="row">
					<!--Testimonials-->
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12" id="testimonials">
						<h3>Testimonials</h3>	
						<div id="myCarousel-1" class="carousel slide">
							<!-- Carousel items -->
							<div class="carousel-inner">
								<div class="item active">
									<div class="testimonials-slide">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit, eget pretium nisl accumsan. Sed ultricies commodo tortor, eu pretium mauris.</div>
									<div class="carousel-info">
										<img class="pull-left" src="../assets/images/user-2.jpg" alt="">
										<div class="pull-left">
											<span class="testimonials-name">Elly Martel</span>
											<span class="testimonials-post">Red Publicity, LLC</span>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="testimonials-slide">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit, eget pretium nisl accumsan. Sed ultricies commodo tortor, eu pretium mauris.</div>
									<div class="carousel-info">
										<img class="pull-left" src="../assets/images/user-3.jpg" alt="">
										<div class="pull-left">
											<span class="testimonials-name">Jack Sparrow</span>
											<span class="testimonials-post">Ztek Publicity, LLC</span>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="testimonials-slide">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit, eget pretium nisl accumsan. Sed ultricies commodo tortor, eu pretium mauris.</div>
									<div class="carousel-info">
										<img class="pull-left" src="../assets/images/user-4.jpg" alt="">
										<div class="pull-left">
											<span class="testimonials-name">Maris Bradley</span>
											<span class="testimonials-post">New Publicity, LLC</span>
										</div>
									</div>
								</div>
							</div>

							<!-- Carousel nav -->
							<a class="left-btn" href="#myCarousel-1" data-slide="prev"></a>
							<a class="right-btn" href="#myCarousel-1" data-slide="next"></a>
						</div>						
					</div>
					<!--Testimonials-->
					
					<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
						<h3>Latest News</h3>						
						<ul class="list-unstyled">
							<li>
								<h5><a href="#">A Blog Home Template for Bootstrap 3</a></h5>
								<p><small>15 April 2014, By eKoders</small></p>
							</li>
							<li>
								<h5><a href="#">4 Reasons Google Bought Waze</a></h5>
								<p><small>11 April 2014 By eKoders</small></p>
							</li>
							<li>
								<h5><a href="#">Burberry, Google Partner to Send Kisses Around the World</a></h5>
								<p><small>7 April 2014 By eKoders</small></p>
							</li>
							<li>
								<h5><a href="#">Silver City Is First in New Mexico</a></h5>
								<p><small>31 March 2014 By eKoders</small></p>
							</li>
						</ul>						
					</div>
					
					<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
						<h3>Tweet</h3>						
						<ul class="list-unstyled">
							<li>
								<p>Irina from <a href="#">http://t.co/qBsJ2sIWKi</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit</p>
								<p><small>About 2 hours ago</small></p>
							</li>
							<li>
								<p>Zian from <a href="#">http://t.co/qBsJ2sIWKi</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit.Ut rutrum elit in arcu blandit</p>
								<p><small>About 3 hours ago</small></p>
							</li>
						</ul>						
					</div>
					
				</div>
			</div>
		</div>
	
		<!--Footer-->
		<div class="block-footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features <span class="badge badge-primary">New</span></a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
					
						<h4>About Us</h4>
						<div class="well">
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting dustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
						</div>
						
						<h4>Contact Us</h4>
						<ul class="list-inline">
							<li><i class="fa fa-phone"></i> (123) 456-7890</li>
							<li><i class="fa fa-envelope"></i> Sale.dtp@example.com</li>
						</ul>
						
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 social">
						<h4>Follow Us</h4>
						<ul class="list-inline">
							<li><a href="#" class="btn btn-circle btn-facebook btn-xs"><i class="fa fa-facebook icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-googleplus btn-xs"><i class="fa fa-google-plus icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-twitter btn-xs"><i class="fa fa-twitter icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-linkedin btn-xs"><i class="fa fa-linkedin icon-only"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="row copyright">
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<p>2014 © eKoders, All rights reserved.</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<ul class="list-inline">
							<li><a href="#">Privacy Policy</a></li>
							<li><a href="#">Terms of Use</a></li>
							<li><a href="#">Refund Policy</a></li>
							<li><a href="#">License</a></li>
						</ul>						
					</div>
				</div>
			</div>
		</div>
		
		<a id="back-to-top" href="#" class="btn btn-primary btn-sm back-to-top" role="button"><i class="fa fa-angle-double-up icon-only bigger-110"></i></a>
		<!--End Footer-->
		
	</div><!-- /page container -->
    
	
    <!-- core JavaScript -->
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
	<script src="../assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../assets/js/plugins/pace/pace.min.js"></script>
	
	<!-- PAGE LEVEL PLUGINS JS -->
	<script type="text/javascript" src="../assets/js/plugins/owl-carousel/owl.carousel.min.js"></script><!-- slider for products -->
	
	<script type="text/javascript" src="../assets/js/plugins/rs-slider/rs-plugin/js/jquery.themepunch.tools.min.js"></script>   
	<script type="text/javascript" src="../assets/js/plugins/rs-slider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
	<script type="text/javascript" src="../assets/js/plugins/colorBox/jquery.colorbox-min.js"></script>
	
    <!-- Themes Core Scripts -->	
	<script src="../assets/js/main.js"></script>

	<!-- initial page level scripts for examples -->	
	<script type="text/javascript">
		// init variables require for all front pages
			Apps.initNavTopBar();
		// end
		
		//Rv Slider
		jQuery('.tp-banner').revolution( {
			delay:9000,
			startwidth:1150,
			startheight:450,
			hideThumbs:10,
			

	        thumbWidth:100,                         // Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
	        thumbHeight:50,
	        thumbAmount:5,

	        navigationType:"bullet",                // bullet, thumb, none
	        navigationArrows:"solo",                // nexttobullets, solo (old name verticalcentered), none

	        navigationStyle:"square",                // round,square,navbar,round-old,square-old,navbar-old, or any from the list in the docu (choose between 50+ different item), custom


	        navigationHAlign:"center",              // Vertical Align top,center,bottom
	        navigationVAlign:"bottom",              // Horizontal Align left,center,right
	        navigationHOffset:0,
	        navigationVOffset:20,

	        soloArrowLeftHalign:"left",
	        soloArrowLeftValign:"center",
	        soloArrowLeftHOffset:20,
	        soloArrowLeftVOffset:0,

	        soloArrowRightHalign:"right",
	        soloArrowRightValign:"center",
	        soloArrowRightHOffset:20,
	        soloArrowRightVOffset:0,

	        touchenabled:"on",                      // Enable Swipe Function : on/off
	        onHoverStop:"on",                       // Stop Banner Timet at Hover on Slide on/off

	        stopAtSlide:-1,
	        stopAfterLoops:-1,

	        hideCaptionAtLimit:0,					// It Defines if a caption should be shown under a Screen Resolution ( Basod on The Width of Browser)
			hideAllCaptionAtLilmit:0,				// Hide all The Captions if Width of Browser is less then this value
			hideSliderAtLimit:0,					// Hide the whole slider, and stop also functions if Width of Browser is less than this value

	        shadow:0,                               //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows  (No Shadow in Fullwidth Version !)
	        fullWidth:"on"               
		});
		
		//colorbox // for recent work slider
		jQuery(function($) {
			var colorbox_params = {
			reposition:true,
			scalePhotos:true,
			scrolling:false,
			previous:'<i class="fa fa-angle-left"></i>',
			next:'<i class="fa fa-angle-left"></i>',
			close:'<i class="fa fa-times text-danger"></i>',
			current:'{current} of {total}',
			maxWidth:'100%',
			maxHeight:'100%',
			onOpen:function(){
			document.body.style.overflow = 'hidden';
			},
			onClosed:function(){
			document.body.style.overflow = 'auto';
			},
			onComplete:function(){
				$.colorbox.resize();
			}
		};

		$('.slide-item [data-rel="colorbox"]').colorbox(colorbox_params);
		$("#cboxLoadingGraphic").append("<i class='fa fa-spinner fa-spin'></i>");//let's add a custom loading icon
		
		
		$(".owl-carousel-1").owlCarousel({  // for recent work slider
                pagination: true,
                navigation: false
          });

		})
	</script>
</body>

</html>